<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	xmlns:pe="http://primefaces.org/ui/extensions"
	xmlns:ui="http://java.sun.com/jsf/facelets">

<ui:composition template="index_docenteSchedule.xhtml">
	<ui:define name="content">
		<p:toolbar id="titulo" style="color:#FFFFFF;font-size:125%;font-weight: bold">
			<p:toolbarGroup align="left">
				<p:outputLabel value="Resultados de peticion para Aula Magna : #{magnaScheduleController.nombrePeriodoActual}"/>
			</p:toolbarGroup>
		    
			</p:toolbar>
		<br />
		
		<h:form id="formp">
			<p:growl id="growlC" showDetail="false" sticky="false" />
			<p:dataTable id="tablaPeticionesLabo" lazy="true"
				style="margin-left:0.5%;margin-right:0.5%"
				widgetVar="peticionesLaboTable" paginator="true" rows="8"
				value="#{magnaScheduleController.misPeticiones}" var="peticion"
				emptyMessage="No se han encontrado Peticiones" 
				rowStyleClass="#{(peticion.visto) eq 1 ? 'visto' : 'no-visto'}"
				>
				<p:column headerText=" Fecha deEmision">
					<h:outputText value="#{peticion.fechaSistema}">
						<f:convertDateTime type="date" timeZone="America/Lima"
							pattern="dd/MM/yyyy hh:mm:ss" />
					</h:outputText>
				</p:column>
				<p:column headerText="Nombre Solicitante">
				#{peticion.nombrePersona}
				</p:column>
				<p:column headerText="Nombre Usuario">
				#{peticion.nombreUsuario}
				</p:column>
				<p:column headerText="Nombre Evento">
				#{peticion.nombreEvento}
				</p:column>
				<p:column headerText="Aula">
				#{peticion.nombreAula}
				</p:column>
				<p:column headerText="Fecha de Inicio de Evento">
					<h:outputText value="#{peticion.dia}">
						<f:convertDateTime type="date" timeZone="America/Lima"
							pattern="dd/MM/yyyy" />
					</h:outputText>
				</p:column>
				/* Se realizo una modificacion  */
				<p:column headerText="Hora Inicio:">
					<h:outputText value="#{peticion.hInicio}">
						<f:convertDateTime type="date" timeZone="America/Lima"
							pattern="HH:mm" />
					</h:outputText>
				</p:column>
				<p:column headerText="Hora Fin:">
					<h:outputText value="#{peticion.hFin}">
						<f:convertDateTime type="date" timeZone="America/Lima"
							pattern="HH:mm" />
					</h:outputText>
				</p:column>
				
				
				
				<p:column headerText="Evaluacion">
					<h:outputText value="#{peticion.nombreRespuesta}"
						style="#{peticion.respuesta == -1 ? 'color:blue;font-weight:bold' : 
								peticion.respuesta == 1 ? 'color:green;font-weight:bold' :
								peticion.respuesta == 0 ? 'color:red;font-weight:bold' : 'color:black;font-weight:bold'}" />
				</p:column>

			</p:dataTable>
			<p:toolbar>
				<p:toolbarGroup align="left">
					<ul style="list-style: none;">
						<li><p:outputLabel value="&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"
											style="background-color:gray;" /> <p:outputLabel
											value="&nbsp;Peticion revisada por el administrador&nbsp;" /></li>
				 		<li><p:outputLabel value="&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"
											style="background-color:white;" /> <p:outputLabel
											value="&nbsp;Peticion aun sin revisar por el administrador&nbsp;" /></li>
					</ul>
				</p:toolbarGroup>							
			</p:toolbar>
			<p:poll interval="1"
				listener="#{magnaScheduleController.llenarMisPeticiones}"
				update="tablaPeticionesLabo" />
		</h:form>
		<p:dialog header="Detalle de Peticion Hecha" widgetVar="petDialog"
			resizable="false" id="petDig" showEffect="fade" hideEffect="explode"
			modal="false" closeOnEscape="true">
			<h:form id="formI">

				<h:panelGrid id="display" columns="2" cellpadding="8">
					<h:outputText value="Nombre Persona:" />
					<h:outputText
						value="#{magnaScheduleController.peticionSelected.nombrePersona}" />
					<h:outputText value="Nombre Usuario:" />
					<h:outputText
						value="#{magnaScheduleController.peticionSelected.nombreUsuario}" />
					<h:outputText value="Nombre Evento:" />
					<h:outputText
						value="#{magnaScheduleController.peticionSelected.nombreEvento}"
						style="font-weight:bold" />
					<h:outputText value="Motivo:" />
					<h:outputText
						value="#{magnaScheduleController.peticionSelected.motivo}" />
					<h:outputText value="Numero de Repeticiones:" />
					<h:outputText
						value="#{magnaScheduleController.peticionSelected.numRep}" />
					<h:outputText value="Hora Inicio:" />
					<h:outputText
						value="#{magnaScheduleController.peticionSelected.hInicio}">
						<f:convertDateTime type="date" timeZone="America/Lima"
							pattern="HH:mm" />
					</h:outputText>
					<h:outputText value="Hora Fin:" />
					<h:outputText
						value="#{magnaScheduleController.peticionSelected.hFin}">
						<f:convertDateTime type="date" timeZone="America/Lima"
							pattern="HH:mm" />
					</h:outputText>

				</h:panelGrid>
				<h:panelGrid id="botones" columns="1" cellpadding="1"
					style="margin: 0 auto;">

					<p:commandButton id="cancelarBoton" value="Salir "
						update=":#{p:component('formp')}"
						style="background-image:none;background-color:black"
						icon="ui-icon-gear" oncomplete="PF('petDialog').hide()">
					</p:commandButton>


				</h:panelGrid>
			</h:form>
		</p:dialog>
		<style>
.no-visto {
	background-color: #ffffff !important;
	background-image: none !important;
	color: #000000 !important;
	font-weight: bold;
}

.visto {
	background-color: gray !important;
	background-image: none !important;
	color: white !important;
}
</style>






	</ui:define>
</ui:composition>

</html>